<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'">
    <title>-</title>
</head>

<body>
    <div style="width: 333px;text-align: center;margin: 1px 7px;">
        <img id="img_eye_1" style="transition: transform 0.5s ease;" src="icon.png" />
        <img id="img_eye_2" style="transition: transform 0.5s ease;transform: scaleX(-1);" src="icon.png" />
    </div>
    <div style="width: 333px;border: 2px solid lightgray;padding: 5px;">
        <div>登录信息</div>
        <hr />
        <div>
            <label style="display: inline-block;width: 100px;">登录用户名：</label>
            <input id="znhcjdlyhm" />
        </div>
        <div>
            <label style="display: inline-block;width: 100px;">登录密码：</label>
            <input id="znhcjdlmm" type="password" />
            <span id="znhcjdlmmToggle" style="cursor: default;">👁</span>
        </div>
        <div>
            <button id="znhcjdlyqk">清空</button>
        </div>
        <hr />
        <div>
            <label style="display: inline-block;width: 77px;">晚上班打卡：</label>
            <input id="znhcjdlwsbdkd" type="date" />
            <input id="znhcjdlwsbdkt" type="time" />
            <button id="znhcjdlwsbdkqk">清空</button>
        </div>
        <div>
            <label style="display: inline-block;width: 77px;">早下班打卡：</label>
            <input id="znhcjdlzxbdkd" type="date" />
            <input id="znhcjdlzxbdkt" type="time" />
            <button id="znhcjdlzxbdkqk">清空</button>
        </div>
        <div>
            <label style="display: inline-block;width: 77px;">晚早班备注：</label>
            <input id="znhcjdlwsbzxbbz" type="text" />
            <button id="znhcjdlwsbzxbbzqk">清空</button>
        </div>
        <hr />
        <div>
            <label style="display: inline-block;width: 77px;">跳过日期：</label>
            <input id="znhcjdlhlrq" type="date" />
            <button id="znhcjdlhlrqtj">添加</button>
            <button id="znhcjdlhlrqqk">清空</button>
            <button id="znhcjdlhlrqqkall">清空所有跳过日期</button>
            <div>
                <textarea id="znhcjdlhlrqarea" style="resize: vertical;width: 100%;height: 50px;"></textarea>
            </div>
        </div>
        <hr />
        <div>
            <label style="display: inline-block;width: 155px;">是否启用<label
                    style="zoom: 0.7;">（启用后需要刷新页面）</label>：</label>
            <input id="znhcjdlsfqy" type="checkbox" />
        </div>
        <hr />
        <div>
            <button id="saveZnhcjdl">保存</button>
        </div>
    </div>
</body>
<script src="./popup.js"></script>

</html>